<template>
    <ul>
        <li class="f-c">
            <span v-if="label" class="pr6">{{ label }}</span>
            <GInputNumber :disabled="disabled" v-model="modelValue.value1" clearable width="70px"/>
            <span class="ph6">天</span>
            <GInputNumber :disabled="disabled" v-model="modelValue.value2" clearable width="70px"/>
            <span class="ph6">时</span>
            <GInputNumber :disabled="disabled" v-model="modelValue.value3" clearable width="70px"/>
            <span class="pl6">分</span>
        </li>
        <li class="form-tip-color fz11">*{{ tip || `${beforeTip}前在小程序内提前展示的时间` }}</li>
    </ul>
</template>
<script setup lang="ts">
    const props = defineProps({
        modelValue: {
            type: Object,
            default: () => {
                return {}
            }
        },
        label: {
            type: String,
            default: '',
        },
        tip: {
            type: String,
            default: '',
        },
        beforeTip: {
            type: String,
            default: '该券发放开始',
        },
        disabled: {
            type: Boolean,
            default: false
        },
    });
</script>